@import '@/styles/common/variables.scss';

.rampow_content  {
  // 下拉框样式重置
  .el-select{ 
    .el-input{
      .el-input__inner{
        border-color: $color_10;
        color: $color_1;
      }
      .el-select__caret{
        color: $color_10;
      }
      &.is-focus{
        .el-input__inner{
          border-color: $color_7;
        }
      }
    } 
    &:hover{
      .el-input{
        .el-input__inner{
          border-color:$color_7;
        }
      }
    }
    .el-select__tags{
      padding: 7px 0px 7px 10px;
      .el-tag.el-tag--info{
        background-color: rgba(236,237, 234, 0.4);
        border-color: $color_10;
        color: $color_1;
        .el-icon-close{
          color: $color_9;
          background-color: $color_10;
          &:hover{
            background-color: $color_7;
          }
        }
      }
    }
  }
  .el-textarea{
    .el-textarea__inner{
      min-height: 48px !important;
      padding: 12px 16px;
      overflow: hidden;
      border-color: $color_10;
      color: $color_1;
      &:focus,
      &:hover{
        border-color:$color_7;
      }
    }
  }

  // 文本框
  .el-input{
    .el-input__inner{
      color: $color_1;
      border-color: $color_10;
      height: 48px;
      line-height: 48px;
      &[style="height: 40px;"]{
        height: 48px !important;
      }
      &:hover,
      &:focus{
        border-color:$color_7;
      }
    }
  
  }
  
  // 按钮
  .el-button{
    padding: 5px 15px;
    font-size: 14px;
    height: 48px;
    border: 1px solid #CCCCCC;
    color: #666666;
    background-color: #ffffff;
    &:focus,
    &:hover{
      color: $color_7;
      background-color: #ffffff;
      border-color: $color_7;
    }
    &.el-button--disabled{
      background-color: $color_2;
      color: $color_9;
      cursor: not-allowed;
      border-color: $color_2;
      &:focus,
      &:hover{
        color: $color_9;
        background-color: $color_2;
        border-color: $color_2;
      }
    }
    &.el-button--active{
      background-color: $color_7;
      color: $color_9;
      &:focus,
      &:hover{
        background-color: $color_8;
        border-color: $color_8;
        color: $color_9; 
      }
    }
  }
}

.el-select-dropdown.el-popper{
  .el-select-dropdown__list{
    padding: 16px 0;
    .el-select-dropdown__item{
      &.selected.hover,
      &.selected,
      &.hover,
      &:hover{
        background-color: rgba(236,237, 234, 0.4);
        color: $color_7;
        font-weight: normal;
      }
      padding: 16px;
      min-height: 56px;
      line-height: 2;
      height: auto;
      color: $color_1;
      white-space: pre;
    }
  }
  .popper__arrow{
    border-bottom-color: $color_2;
  }
  border-color: $color_2;
}





